import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/',
      component: () => import('@/views/Home.vue')
    },
    {
      path: '/search',
      component: () => import('@/views/Search.vue')
    },
    {
      path: '/playlist/:id',
      component: () => import('@/views/PlaylistDetail.vue')
    },
    {
      path: '/album/:id',
      component: () => import('@/views/AlbumDetail.vue')
    },
    {
      path: '/artist/:id',
      component: () => import('@/views/ArtistDetail.vue')
    },
    {
      path: '/:pathMatch(.*)*',
      component: () => import('@/views/NotFound.vue')
    }
  ]
})

export default router 